<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>源码智慧校园</title>
  <!-- 设置页面图标 -->
  <link rel="shortcut icon" href="../asserts/images/logo_small.jpg">
  <!-- 引入bootstrap和bootstrap-icons的css -->
  <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.min.css">
  <!-- 引入自己页面的css -->
  <link rel="stylesheet" href="../asserts/css/login.css">
  <!-- 引入jquery和bootstrap的js -->
  <script src="../node_modules/jquery/dist/jquery.min.js"></script>
  <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <script src="../asserts/js/common.js"></script>
  <script src="../node_modules/jquery-form/dist/jquery.form.min.js"></script>
  <script src="../asserts/js/login.js"></script>
</head>

<body>
  <main class="content d-flex justify-content-center align-items-center">
    <div class="card card-div" style="width: 18rem;">
      <div class="card-body text-center">
        <form>
          <h5 class="card-title">智慧校园</h5>
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="bi bi-person"></i></span>
            <input type="text" class="form-control" placeholder="账号..." aria-label="username" name="username"
              aria-describedby="basic-addon1">
          </div>
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="bi bi-person-lock"></i></span>
            <input type="password" class="form-control" placeholder="密码..." aria-label="password" name="password"
              aria-describedby="basic-addon1">
          </div>
          <div class="d-grid gap-2">
            <button class="btn btn-primary submit" type="button">登录</button>
          </div>
        </form>

        <div style="margin-top: 10px;">
          <i class="bi bi-wechat" style="color:#07C160 ;"></i>
          <i class="bi bi-tencent-qq" style="color:red ;margin-left: 10px;margin-right: 10px;"></i>
          <i class="bi bi-alipay " style="color:blue ;"></i>
        </div>
      </div>
    </div>
  </main>
</body>

</html>